import React from "react";
import { InviteContent } from "./style";

import { getConfig } from "../../api";
const imgTitle = require("../../assets/img_share.jpg");

export default class Index extends React.PureComponent {
  componentDidMount() {
    let href = window.location.href.split("#")[0];
    let host = window.location.origin;
    getConfig({
      url: href
    }).then(res => {
      window.wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: "wxed56cda469fadee3", // 必填，公众号的唯一标识
        timestamp: parseInt(res.data.data.timestamp), // 必填，生成签名的时间戳
        nonceStr: res.data.data.nonceStr, // 必填，生成签名的随机串
        signature: res.data.data.signature, // 必填，签名
        jsApiList: [
          "updateAppMessageShareData",
          "updateTimelineShareData",
          "onMenuShareAppMessage",
          "onMenuShareTimeline"
        ] // 必填，需要使用的JS接口列表
      });

      window.wx.ready(function() {
        //需在用户可能点击分享按钮前就先调用

        // 分享给朋友
        // window.wx.updateAppMessageShareData({
        //   title: "美你", // 分享标题
        //   desc: "它真的有底气无效退款！", // 分享描述
        //   link: href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        //   imgUrl: host + "/logo.jpg", // 分享图标
        //   success: function() {
        //     // 设置成功
        //     console.log("分享成功");
        //   }
        // });

        // 分享给朋友
        window.wx.onMenuShareAppMessage({
          title: "试试YER的眼霜吧！", // 分享标题
          desc: "它真的有底气无效退款！", // 分享描述
          link: 'http://www.yermn.com/#/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: host + "/logo.jpg?v=2", // 分享图标
          success: function() {
            // 设置成功
            console.log("分享成功");
          }
        });

        // 获取分享圈
        window.wx.onMenuShareTimeline({
          title: "试试YER的眼霜吧！", // 分享标题
          desc: "它真的有底气无效退款！", // 分享描述
          link: 'http://www.yermn.com/#/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: host + "/logo.jpg?v=2", // 分享图标
          success: function() {
            // 设置成功
            console.log("分享成功");
          }
        });

        // 分享给朋友
        window.wx.onMenuShareAppMessage({
          title: "试试YER的眼霜吧！", // 分享标题
          desc: "它真的有底气无效退款！", // 分享描述
          link: 'http://www.yermn.com/#/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: host + "/logo.jpg?v=2", // 分享图标
          success: function() {
            // 设置成功
            console.log("分享成功");
          }
        });
      });
    });
  }
  render() {
    return (
      <InviteContent>
        <img src={imgTitle} alt="" />
      </InviteContent>
    );
  }
}
